<template>
    <div>
        <el-col>
        <p class="table-show-title">基础信息</p>
        <el-col :span="14" >
           <el-col v-for="item in dataModel.detailInfo" :key="item.name"  :span="12" class="text" >
            <span class="label">{{item.label}}:</span>
            <span class="value">{{item.value}}</span>
            </el-col>
        </el-col>
        <el-col :span="10" >
          <img style="width:420px" src="https://panjiachen.gitee.io/vue-element-admin/static/img/404.a57b6f31.png">
        </el-col>
        <span></span>
        </el-col>
        <el-col>
        <p class="table-show-title">扩展信息</p>
        <el-col :span="24" >
           <el-col v-for="item in dataModel.broadInfo" :key="item.name"  :span="item.span||12" class="text" >
            <span class="label">{{item.label}}:</span>
            <span class="value">{{item.value}}</span>
            </el-col>
        </el-col>
        
        <span></span>
        </el-col>
    </div>
</template>
<script>
export default {
    props:["dataModel"],
    data(){
        return {
          
        }
    }
}
</script>
<style lang="scss">
.table-show-title{  
    padding:5px 0; 
    border-bottom:1px solid #999;
}
.text{
    margin:20px 0;
    color: #999;
}
</style>